page{
    height:100%;
    position:relative;
}
#mxpage{
	
	height:100%;
	background: #120f0b;
	#top_style{
		height: 440rpx;
		position:relative;
		
	}
	.bg_top{
		width: 750rpx;
		height: 440rpx;
	}
	.bg_member{
		width:642rpx;
		height: 350rpx;
		position: absolute;
		top: 64rpx;
		left: 54rpx;
		z-index: 6;
	}
	.bg_kc{
		width:750rpx;
		height: 49rpx;
		position: absolute;
		top: 390rpx;
		left: 0rpx;
		z-index: 5;
	}
	.mx_msg{
		display: block;
		z-index: 7;
		width:100%;
		color: #483725;
		font-size: 60rpx;
		position:absolute;
		top: 130rpx;
		text-align: center;
		font-weight: 700;
		span{
			color:#261c12;
			font-size: 94rpx;
		}
	}
	.mx_note{
		display: block;
		z-index: 7;
		width:100%;
		color: rgba(72,55,37,0.6);
		font-size: 28rpx;
		position:absolute;
		top: 256rpx;
		text-align: center;
		font-weight: 700;
		
	}
	.mx_cont{
		display: block;
		z-index: 7;
		width:358rpx;
		height: 54rpx;
        border-radius: 27rpx;
        background: rgba(17,14,8,0.2);
        line-height: 54rpx;
        left:196rpx; 
		color: #fde2b3;
		font-size: 28rpx;
		position:absolute;
		top: 340rpx;
		text-align: center;
		font-weight: 700;
	}
	#member_privilege{
		background: #120f0b;
		.mx_top{
			margin: 60rpx auto 46rpx;
			width:566rpx;
			height: 135rpx;
			display:block;

		}
		#youhui_list{
			.list_style{
				display:inline-block;
				width:250rpx;
				image{
					width:140rpx;
					height: 140rpx;
					margin-left: 54rpx;
				}
				label{
					display:block;
					text-align:center;
					color:#c9a36c;
					font-style: 32rpx;
				}
				span{
					display:block;
					text-align:center;
					color:#5f543d;
					font-style: 24rpx;

				}
			}
		}
	}
	#sub_buttom{
		position:fixed;
		bottom: 84rpx;
		.button_tyle{
			width:702rpx;
			height: 114rpx;
			display:block;
			margin-left: 24rpx;
		}
		.animation_style{
			 position:absolute;
			 width:33rpx;
			 height: 29rpx;
			 top: 43rpx;
			 margin-left: 14rpx;
			 animation: sploosh 2s linear;
             animation-iteration-count: infinite;
			
		}
		label{
			width: 100%;
			position:absolute;
			font-style: 40rpx;
			color:#483725;
			top: 0rpx;
			line-height:114rpx;
			text-align:center;

		}
	}
}
@keyframes sploosh {
	   from{
	        margin-left: 14rpx;  
	   	}to{
	         margin-left: 74rpx;
	   	}
}
